<template>
  <div>
  <!-- 面包屑导航区域 -->
  <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>权限管理</el-breadcrumb-item>
    <el-breadcrumb-item>权限列表</el-breadcrumb-item>
  </el-breadcrumb>

  <!-- 卡片视图区域 -->
    <el-card>
        123
    </el-card>
</div>
</template>


<script>
export default {
    data() {
        return {
            // 所有的权限列表
            rightsList: []
        }
    },
    // 生命周期函数，由created发起请求
    created() {
        // 获取所有的权限
        this.getRightsList()
    },
    methods: {
        // 获取所有的权限
        async getRightsList() {
            const {data : res} = await this.$http.get('rights/list')
            if (res.meta.status !== 200) return this.$message.error("获取权限列表失败"); 
            this.rightsList = res.data
        }
    }
}
</script>

<style lang="less" scoped>
</style>